@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.tabbar {
  top: $navbarHeight;
  display: flex;
  justify-content: center;
  background: #fff;
  .bar {
    width: 0.64rem;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    border-bottom: 0.03rem solid transparent;
    &.active {
      color: $primary;
      border-bottom: 0.03rem solid $primary;
    }
  }
  .question {
    margin-right: 0.24rem;
  }
  .answer {
    margin-left: 0.24rem;
  }
}
.fill {
  height: calc(#{$gutter} + 0.36rem);
}
.content {
  .question,
  .answer {
    .item {
      margin-bottom: $gutter;
      margin: 0 $pagePadding $gutter;
      padding: $pagePadding;
      background: #fff;
      border-radius: 0.02rem;
    }
    .q {
      margin-bottom: 0.16rem;
      font-size: 0.16rem;
      line-height: 0.2rem;
    }
    .a {
      margin-bottom: 0.16rem;
      font-size: 0.14rem;
      line-height: 0.2rem;
      color: $font3;
    }
    .footer {
      display: flex;
      justify-content: space-between;
      font-size: 0.12rem;
      .num {
        color: $font2;
      }
      .time {
        color: $font3;
      }
    }
  }
}
.error,
.loading,
.empty {
  position: relative;
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
}
.empty {
  height: calc(100vh - #{$navbarHeight} - 0.24rem);
}
